<template>
	<view class="mine">
		<scroll-view class="scroll-view" scroll-y="true">
			<!-- 胶囊子组件 -->
			<navNav :navobj="navobj"></navNav>
			<view class="own">
				<view class="own-left">
					<image src="../../static/logo.png" mode="aspectFill"></image>
					<view class="own-left-title">未认证用户</view>
				</view>
				<navigator open-type="navigate"  url="/pages-mine/certification/certification"  class="own-right">去认证</navigator>
			</view>
			<Money></Money>
			<Content></Content>
			<view style="height: 200rpx;"></view>
		</scroll-view>
	</view>
</template>

<script setup>
	import {reactive,ref,getCurrentInstance} from 'vue'
	import {onLoad} from "@dcloudio/uni-app"
	import Money from './money.vue'
	import Content from './content.vue'
	const {proxy} = getCurrentInstance()
	const navobj = reactive({
		title:'个人中心',
		image:false
	})
	const goto=()=>{
		uni.navigateTo({
			url:'/pages-shifu/set/set'
		})
	}			
	
</script>

<style lang="scss">
	.scroll-view{
		height: 100vh;width: 750rpx;margin: 0 auto;
	
		}
	.buttonkf {
		border: none !important;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 999;
		background-color: transparent;

	}
	.buttonkf::after {
		border: none !important;
	}
	.own{
		width: 750rpx;height: 120rpx;	display: flex;align-items: center;
		padding: 0 40rpx 0 44rpx;box-sizing: border-box;justify-content: space-between;
		.own-left{
			display: flex;align-items: center;font-weight: 700;font-size: 28rpx;color: #000000;
			font-family: Source Han Sans, Source Han Sans;
			image{
				width: 72rpx;height: 72rpx;border-radius: 100%;margin-right: 24rpx;
			}
		}
		.own-right{
			width: 112rpx;height: 42rpx;background: #3662EC;text-align: center;line-height: 42rpx;
			border-radius: 4rpx;font-weight: 700;font-size: 24rpx;color: #FFFFFF;
		}
	}
</style>
